<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="security" uri="http://www.springframework.org/security/tags"%>
<c:set var="chapterMoi"><fmt:formatNumber type="number" maxIntegerDigits="4" value="${chapterTruyen.chapterNumber}" pattern="###.###" /></c:set>
<section id="controlChapter" class="rightShadow">
	<div class="control">
		<a class="firstChapter" href="" title="Chương đầu tiên">Đầu</a>
		<a class="prevChapter" href="" title="Chương trước">Trước</a>
		<form>
			<select id ="lstChapter" name="slChapter">
				<c:forEach items="${lstChapterTruyen}" var="item">
					<c:set var="chapterNumberOfLst"><fmt:formatNumber type="number" maxIntegerDigits="4" value="${item.chapterNumber}" pattern="###.###" /></c:set>
					<option <c:if test="${chapterMoi == chapterNumberOfLst}">selected="selected"</c:if> value="<spring:url value="/truyen-tinh-cam/${fn:replace(truyen.alias,' ','-')}-chuong-${chapterNumberOfLst}-T${truyen.id}-C${item.id}.htm" />">${chapterNumberOfLst}</option>
				</c:forEach>
			</select>
		</form>
		<a class="nextChapter" href="" title="Chương tiếp theo">Sau</a>
		<a class="lastChapter" href="" title="Chương cao nhất">Cuối</a>
	</div>
	<jsp:include page="../shareBar.jsp" />
	<jsp:include page="/WEB-INF/includes/aBookmark.jsp" />
	<h4 class="textOverflow">
		Chữ:
		<select id="chonCoChu" style="display:inline;color:#ff8800;height: 20px;">
			<option id="chuNho" value="4" style="font-size: 120%">Nhỏ</option>
			<option id="chuTrungBinh" value="1" style="font-size: 150%">Trung bình</option>
			<option id="chuLon" value="2" style="font-size: 200%">Lớn</option>
			<option id="chuLonNhat" value="3" style="font-size: 250%">Lớn nhất</option>
		</select>
	</h4>
	<h4 class="textOverflow">
		Màu chữ:
		<input type="hidden" name="mauChu" class="mauChu" size="7" value="#222" />
	</h4>
	<h4 class="textOverflow">
		Màu nền:
		<input type="hidden" name="mauNen" class="mauNen" size="7" value="#FFF" />
	</h4>
	<h4><button class='colorDefault'>Mặc định</button></h4>
</section>